Vue编辑

2021/8/13 23:05:58

本文主要是介绍Vue编辑,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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编辑的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程