首页 > 其他 > 详细

Vue编辑

时间:2021-08-13 23:53:55      阅读:26      评论:0      收藏:0      [点我收藏+]

Vue跟ajax相似,但也有不同,Vue比较简单

@*v-..指令*@
@*只渲染一次*@


link:‘<a href="http://www.baidu.com">百度</a>‘


@*v-..指令*@
@*只渲染一次*@
<h2 v-once>当前名称是:{{name}}</h2>
<h2>{{counter*2}}</h2>
@*路径*@
<h2 v-html="link"></h2>
//let 局部变量
//var 全局变量
let app = new Vue({
     el: "#app",
    data: {
    //随意属性
    name: "Vuejs",
    firstName: ‘coder‘,
    lastName: ‘why‘,
    counter: 100,
link:‘<a href="http://www.baidu.com">百度</a>‘
}
})

1.Vue添加功能

跟之前有所不同的就是ID属性换成指令,要应用Vue插件

V-model     双向绑定

V-on:click    点击事件

技术分享图片

 

 

Vue的编辑语法

1 挂载

2data定义对象

3  methods   编辑方法

4  created   相当于文档就绪函数

 

 技术分享图片

 

 

添加定义对象,里面写对应的属性

技术分享图片

 

 

 编辑添加的流程写地址存入数据库

技术分享图片

 

 

 绑定下拉框

需要用到循环指令   V-for(item,index) in 对象

技术分享图片

 

Vue编辑

原文:https://www.cnblogs.com/nssb/p/15139163.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!