网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

Vue库的使用

1.在页面引入vue.js文件库地址
Vue和React:不允许直接操作dom节点,所有的dom节点都为:虚拟dom

一般下载到本地修改为vue.min.js引入
2.实例化
var vm=new Vue{
el:'dom对象',
data:{
属性:'值'
}}

浑南网站建设公司成都创新互联,浑南网站设计制作,有大型网站制作公司丰富经验。已为浑南上千余家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的浑南做网站的公司定做!

实例挂载dom对象
特性:所有vue实例对象方法或属性,都必须用$符号 或者方法el也可以
vm.$amount('')

new Vue({}).$mount('选择器')
3.作用域

-全局
-子树
-组件
-实例

4.数据绑定

vue指令
指令名:v-
实例化的属性:model
vm层:页面view可视化+data数据
双向绑定:v-model

修饰符 .
v-model增强指令修饰.+功能

v-model.lazy
.lazy:实现oninput事件切换onchange 懒监听事件

v-model.trim
.trim:自动过滤输入内容最开始和最后的 空格,中间的会保留一个空格,多的会被过滤掉

number修饰符数字类型:v-model.number

值绑定语法
innerText指令:v- 文字内容绑定text
v-text=""

运算:三目、&&、|| 得到是一个值

5.循环
v-for循环:遍历指令
遍历数组对象
用数组对象属性得到属性值
采用数组的for...in=>for(let item in list)
v-for="item in list"

if {}else if {}else{}需要符合条件,否则不会渲染

v-if=""
v-else-if=""
v-else=""

v-show:显示与否指令
通过display控制元素是否展示

v-show=""

if和show区别
根据业务不同,使用不同命令;
如果数据变化比较频繁使用v-show,否则使用v-if


新闻名称:Vue库的使用
文章转载:http://bjjierui.cn/article/dsoposi.html

其他资讯