时间:1个小时左右
代码:60行左右
博客:1
知识点:vue基础知识点,vue的应用、概述、基本使用
Vue:渐进式JavaScript框架 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建
易用:熟悉HTML、CSS、JavaScript知识后,可快速上手Vue
灵活:在一个库和一套完整框架之间自如伸缩
高效:20kB运行大小,超快虚拟 DOM
1.Vue.js之HelloWorld基本步骤:
<div id="app"> <div>{{msg}}</div> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> new Vue({ el: '#app', data: { msg: 'HelloWorld' } }) </script>
2. Vue基本使用
Vue.js之HelloWorld细节分析
1. 实例参数分析
el: 元素的挂载位置(值可以是CSS选择器或者DOM元素)
data:模型数据(值是一个对象)
2. 插值表达式用法
将数据填充到HTML标签中
插值表达式支持基本的计算操作
3. Vue代码运行原理分析
概述编译过程的概念(Vue语法→原生语法)