如未看
vue.js入门(1)-安装并生成自己的vue项目可以点击□□□查阅一下，可能会方□□便您阅读◎接下来的□□内容。（入门1介绍安装）
一、引入cdnCdn引入百度○百科原话□□为：CDN的全称是Content Delivery Network，即内容分□□□□发网络。CDN是构建在□□网络之上□□的内容分□□□发网络，依靠部署□□在各地的□□□边缘服务□□□器，通过中心□□平台的负◎载均衡、内容分发、调度等功□□能模块，使用户就□□□□近获取所□□□□需内容，降低网络□□□拥塞，提高用户□□访问响应□□速度和命□□□□中率。CDN的关键技□□术主要有□□□内容存储□□和分发技□□□□术。
1) 那么vue.js怎么引入cdn呢？很简单，使用图片（图1）上的两个□□链接即可，直接使用，为了方便◉在无网情□□□况下编写❖代码，建议把js下载下来。
2) 下载方法：
选中链接，右键单击，选择转到....或复制（复制就在□□□□搜索栏进❖行搜索）（如图2）
图2
跳到此页□□□□面后，右键单击，选择另存□□为（如图3）
图3
把js保存到本□□□□地，并引入项□□□□目（图4）
图4
一、介绍vue.js的常用参□□□数和使用□□方法
- 实例化Vue对象（图5）
图5
代码：
<body>
<div id="app">
<h1>{{name}}</h1>
</div>
</body>
<script>
// 实例化vue对象
new Vue({
el: '#app',
data: {
name: '秋宁'
}
});
/* *
* el:需要获取、控制的元素；一定是html的根容器元素
* data:存储数据
* 编辑真实对象（dom），通过虚拟对象{{name}}传递到页面里面去
* */
</script>
结果图：（图6）
图6
tips:对象数据和方法都需要在el（#app）中操作
- 使用方法/函数：（图7）
图7
使用到的代码：
<body>
<div id="app">
<p>{{doing()}}</p>
</div>
</body>
<script>
// 实例化vue对象 new Vue({ el: '#app', methods:{ doing:function () { return '正在打代码！' } } });
/* * * methods:用于存储各种方法; * */
</script>
结果图（图8）
图8
- 进行数据绑定（图9）
图9
代码：
<body>
<div id="app"><a v-bind:href="href">这是一个a标签</a><p v-html="href1"></p> </div>
</body>
<script>
// 实例化vue对象
new Vue({
el:'#app',
data:{ href:'https://www.hd-banhen.com/',href1:'<a href="https://www.hd-banhen.com/">使用v-html</a>'}});
/* ** v-bind:对数据进行绑定 * */
</script>
结果图（图10）：
图10
二、vue.js计算属性□□□□与vue.js事件处理◉方法的差□□别
计算属性关键词: computed。
事件处理方法关键词: methods。
Vue.js的计算属□□性和事件□□□处理方法□□□使用起来□□的效果是□□□没什么区□□别的，相较于方□□法来，Vue.js的计算属□□性更有利•于服务器□□□□的运行。但是！重点！！有利的不□□一定代表□□□□最合适哦！所以，这边推荐□□常规使用□□□事件处理◆方法，想需要大◣规模运算，相对比较丨繁琐的运□□算就推荐□□□计算属性。
举个例子，当前有个※需求，需要计算□□产品a价格加上□□□产品b价格等于□□□□多少。那么就使□□□用事件处◉理方法来□□□□做这个需□□□□求。
再举个例□□□□子，某天产品□□□□经理需要□□□□你做出搜□□□□索功能，那么这个◤需求，就需要使□□用计算属□□性来做。因为搜索□□□□功能是需□□要调用大□□□□量数据来□□□□进行搜索△检测的功丨能。它耗时，耗力；因此，我们需要□□使用计算▽属性优化□□□□它。
三、总结：
学习的不易就是在于自我的坚持！
这章写到□□□了常用的□□□□基本使用□□参数和vue.js计算属性●与vue.js事件处理□□□□方法的差□□别，其他方面，个人觉得□□□□需要进一□□步加深这◈方面的话，可以看一□□下官方api或者研究◉一下菜鸟◤教程的教□□□□学案例。
下章我这□□□□边总结一□□□下vue.js的常用事□□件和指令□□□给各位参◢考，如果还有★时间就写◣一个小的demo案例给各□□□位参考。
