vue 基础知识点总结
2018-04-18 11:44
246 查看
- 引入方式
- 声明式渲染{{message}}
- 循环指令 v-for
- 条件指令 v-if、v-else-if、v-else
- 事件绑定指令 v-on
- 属性绑定指令 v-bind
- 双向数据绑定 v-model
引入方式:
方法一:创建一个基于webpack模板的项目
vue init webpack my-project
方法二:直接通过<script>引入vue.js文件
双大括号进行数据绑定:
<p>{{message}}</p> (纯文本解析)
<p v-once>{{message}}</p> (只执行一次改变)
<p v-html="rawHtml"></p> (输出HTML)
属性绑定指令v-bind:
相关文章推荐
- Vue基础知识总结(一)
- vue.js基础知识总结
- Vue组件基础知识总结
- Vue基础知识总结(二)
- mysql基础&重点知识总结及在python中的应用(2)
- java基础知识总结(2)
- PHP新手总结的PHP基础知识
- Thinkphp 基础知识总结-配置-错误
- php-基础可用知识总结--高能这篇文章很长
- [基础知识] 总结使用Unity 3D优化游戏运行性能的经验
- 大概总结了一下jQuery的一些基础知识点
- Canvas基础知识总结之一
- HP软件测试前七章基础知识梳理总结
- JAVA 基础知识总结
- Javascript基础知识总结一
- java基础知识总结(二)
- 基础知识总结:常用容器集合类的算法谈
- JSON基础知识总结
- vue-router 2.0 常用基础知识点之router-link
- JavaSE基础知识总结