Vue是什么，它的特点是什么。

Vue是什么：

一套用于构建用户界面的渐进式JavaScript框架。

构建用户界面：通过你的数据来构建界面。

渐进式：Vue可以自底向上逐层的应用。

简单应用：只需一个轻量小巧的核心库。

复杂应用：可以引入各式各样的Vue插件。

Vue的特点：

1.采用组件化模式，提高代码复用率，且让代码更好维护。

2.声明式编码，让编码人员无需直接直接操作DOM，提高开发效率。

3.使用虚拟DOM和优秀的Diff算法，尽量复用DOM节点。

el用于指定当前Vue实例为哪个容器服务，值通常为CSS选择器字符串。

data中用于存储数据，数据供el所指定的容器去使用。

<div id="root">
<h1>{{name}}</h1>
</div><script>
new Vue({
el:'#root',
data:{name:'你好'
}
})
</script>

总结：

1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象。

2.root容器里的代码依然符合htm规范，只不过混入了一些特殊的Vue方法。

3.root容器里的代码被称为【Vue模板】。

4.Vue实例和容器是一一对应的。

5.真实开发中只有一个Vue实例，并且配合着组件一起使用。

6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性。

7.一旦data中的数据发生改变，那么页面模板中用到该数据的地方也会自动更新。

Vue是什么，它的特点是什么。相关推荐

canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
vue实现文件上传功能
代码如下所示: <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
win10 4步快速安装vue
1 安装nvm-windows 在这里下载安装nvm,目的是在同一台电脑中管理多个 Node 版本建议采取默认安装路径安装 2 安装nodejs 以管理员模式打开命令行,然后输入 nvm list ...
前端Vue学习之路(五)插件的使用
vant插件使用这里我们是用的语法是vue2.0 所以是 npm i vant -S 用法 1.按需引入的话找到package.json文件添加以下内容 plugins:[['import', ...
前端Vue学习之路(四)axios请求数据
axios 1.增加新知识 2.旧方案 3.新方案(一) 4.为什么要用拦截器 (新方案二) 1.增加新知识假如每个组件都引用axios,后期如果axios库不再维护了,那每个组件都要改动所以封装 ...
前端Vue学习之路(二)-Vue-router路由
Vue学习之路 (二) Vue-router(基础版) 一.增加静态路由二.动态路由+路由嵌套+404页面三. 编程式导航四.命名路由五.命名视图六.重定向和起别名 1.重定向 2.起别名 ...
前端Vue学习之路(一)-初识Vue
Vue学习之路 (一) 1.引言 2.更换npm国内镜像源 3.用npm下载Vue 4.Vue全家桶 5.使用命令创建项目 5.推荐插件 6.推荐网站 7.学习扩展 1.引言先安装node.js环境 ...
Vue 自定义权限指令
前述虽然VUE 定义了一些常用的指令,例如v-on.v-bind等,但是在我们实际开发的时候,还是会自己定义一些指令用于适应我们自己的业务. 实现这里由于我的项目做了动态权限,页面的按钮也需要根据 ...
vue响应式给数组中的对象添加新属性
需要使用到vue的全局api $set(item,'newParam','value')方法 group: [ // 对象数组{ id: '1', name: '任务1' ,disable: fals ...
Vue生命周期函数详解
生命周期图生命周期方法 var vm = new Vue({el: '#app',data: {msg:'ok'},methods: {show:function () {console.log(& ...

Vue是什么，它的特点是什么。

Vue是什么，它的特点是什么。相关推荐

最新文章

热门文章