构建一个简单的vue

构建一个VUE

  1. 概览(优势)
    Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。
    vue两大特点:响应式编程、组件化
    vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、视图、数据和结构的分离、虚拟DOM、运行速度快
    总结就是:
    vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。

2.常用指令
如下代码中30-42行

{{ msg }}

For a guide and recipes on how to configure / customize this project,
check out the vue-cli documentation.

Installed CLI Plugins

Essential Links

Ecosystem

打开
<!--input v-model="data2" placeholder="edit me">
<p>Message is: {{ data2 }}</p-->
<h1>{{message}}</h1>
<p class="test1">{{methodTest}}</p>
<p class="test2-1">{{methodTest()}}</p>
<p class="test2-2">{{methodTest()}}</p>
<p class="test2-3">{{methodTest()}}</p>
<p class="test3-1">{{computedTest}}</p>
<p class="test3-2">{{computedTest}}</p>

3.组件基本的组成
以下为父组件,上面的代码块为子组件,一般代码中包括三个主要部分: 对应原来中的

4、生命周期
在这里插入图片描述
computed是属性调用,而methods是函数调用
computed带有缓存功能,而methods不是

https://www.cnblogs.com/wuqilang/p/11241604.html
computed&&watch

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读