导语:今天给大家讲解vue的基础知识点。
引入vue声明式渲染创建vue实例数据绑定方法插值指令缩写
下载vue.js文件:点击下载
CDN线上,引入地址:
新建html文件,在head标签内引入
两个花括号中间可以写表达式,判断,数据类型,就是不能写循环。
首先引入vue.js文件
然后实例化一个vue
最后定义vue的管理边界
注意: 如果你不定义管理边界,就可能无法应用vue中的属性和方法。
数据: 这里的数据就是你要渲染到页面中的值,这个数据发生变化,视图中的数据也会发生变化。
方法: 就是js中的函数和事件监听。
例如:弹出一个信息。
这是数据绑定最常见的形式,使用的Mustache语法 (双大括号) 。
这个你需要使用来实现。
注意:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。
指令 (Directives) 是带有 前缀的特殊特性,响应式的作用于DOM。
含义:这个是根据传入的值来决定是否移除绑定的元素,它的值是或者
例如:
修饰符:以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。
v- 作为一种识别特性,常常会缩写,以便提高代码效率。
v-on是绑定元素要触发的各种事件的,可以缩写成
v-bind是绑定元素属性的一种指令,可以缩写成
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60172.shtml