小编给大家分享一下Vue.js下载方式及基本概念的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> vue。js是什么? 强>
Vue(读音/vju吗?/,类似于视图)是一套用于构建用户界面的渐进式框架。
<强>说明及下载强>
Vue。js使用文档已经写的很完备和详细了,通过以下地址可以查看:https://cn.vuejs.org/v2/guide/
vue.js如果当成一个库来使用,可以通过下面地址下载:https://cn.vuejs.org/v2/guide/installation.html
<强> vue.js基本概念强>
我们下载了vue.js后,需要在页面上通过脚本标签引入vue.js,开发中可以使用开发版本vue.js,产品上线要换成vue.min.js。
script 类型=拔谋?javascript", src=https://www.yisu.com/zixun/" js/vue.min.js "> 脚本>
<强> Vue代码实例(创建)
强>
& lt; ! DOCTYPE html> & lt; head> & lt;才能meta charset=癠TF-8"比; & lt;才能title> & lt;/title> & lt;/head> & lt; body> & lt;才能div id=癮pp"在{{,message }} & lt;/div> & lt;/body> & lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" js/vue.min.js "> 脚本> <脚本type=" text/javascript”> var vm=new Vue ({//el属性对应一个标签当el对象创建后,这个标签内的区域就被Vue对象接管,//接下来就可用Vue来做一些为所欲为的事情啦 埃尔:“#应用”, 数据:{消息:“好湿呀'} }); 脚本>
<强>数据与方法
强>
当一个Vue实例被创建时,它向Vue的响应式系统中加入了其数据对象中能找到的所有的属性。当这些属性的值发生改变时,视图将会产生”响应”,即匹配更新为新的值。还可以在Vue实例中定义方法,通过方法来改变实例中数据对象中的数据,数据改变了,视图中的数据也改变。
<强> Vue实例代码(方法)强>
window.onload =,函数(){ var vm =, Vue ({new el才能:& # 39;#应用# 39; 数据:才能{信息:& # 39;hello 世界! & # 39;}, 方法:{才能 ,,,fnChangeMsg:函数(){ ,,,,,this.message =, & # 39; hello Vue.js ! & # 39;; ,,,} ,,} }); } & lt; div id=癮pp"祝辞 & lt; p> {{, message }} & lt;/p> & lt; button  @click=癴nChangeMsg"祝辞改变数据和视图& lt;/button> & lt;/div>
<强> Vus开头。js模板语法强>
模板语法指的是如何将数据放入html中
数据绑定最常见的形式就是使用“胡子”语法(双大括号)的文本插值,例如:
<代码>{{味精}}代码>
插入的值当中还可以写表达式:
{{, number +, 1,}} {{,ok ?, & # 39;是的,,:,& # 39;没有# 39;,}} {{,message.split (& # 39; & # 39;) .reverse () . join (& # 39; & # 39;),}} & lt; a  v-bind: href=https://www.yisu.com/zixun/" url " rel=巴獠縩ofollow”>链接文字
<强>指令
强>
指令(指令)是带有“v -“前缀的特殊属性。指令属性的值预期是单个JavaScript表达式,指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM。常见的指令有v-bind, v, v。
& lt;——,根据ok的布尔值来插入/移除,p元素,——比; & lt; p v=皁k"祝辞是否显示这一段 & lt;——,监听按钮的点击事件来执行fnChangeMsg方法,——比; & lt; button v:点击=癴nChangeMsg"在按钮
<强> Vue。js特点强>
- <李>
简洁:HTML模板+ JSON数据,再创建一个Vue实例,就这么简单。
李> <李>数据驱动:自动追踪依赖的模板表达式和计算属性。
李> <李>组件化:用解耦,可复用的组件来构造界面。
李> <李>轻量:~ 24 kb分钟+ gzip,无依赖。
李> <李>快速:精确有效的异步批量DOM更新。
李> <李>模块友好:通过NPM或凉亭安装,无缝融入你的工作流。
李>以上是“Vue.js下载方式及基本概念的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!