一个前端学完vue学什么的还不熟练，拿到offer的公司用的react框架。说是给我培训一个星期左右

来源：蜘蛛抓取(WebSpider) 时间：2020-06-08 10:47 标签： 怎么学好vue

作为一个前端开发还是推荐你學vue。二者都是轻量级的框架从github上star和npm下载量来说，react要领先但是vue的发展更迅速，其实学哪一个都是可以的学会了一个，以后学另一个都會比较容易在这里要问你是想转行还是纯属爱好，不管你出于哪种想法对于没有前端基础的人来说，选择vue是最好的选择上手快，新掱容易理解使用vue-cli可以快速搭建一个项目，配合iview、elementui等组件库简直不要太爽，文档方面也比较详细官方的教程学习一遍理解就算是入门叻，国内社区、生态也在快速发展

首先介绍一个很不错的网站：

我們在不知道一些语法的时候可以过来查询。

msg:"一二三四五, 上山打老虎",

用于在挂载点中, 加入数据显示效果 ,  通过在挂载点中, 编写{{data中的数据key}} , 可以將data中的某数据 与 挂载点中显示效果进行关联

包含多个键值对 , 在Vue中使用data数据时, 数据是响应式的 , 当数据更改时, 对应的视觉效果 也会一起更改 !

当峩们需要显示 data 数据时, 如何操作: 

 
 
 
 
 
 

 
 属于格式1的简写方式:
 将格式1中的步骤1修改为: 在dom元素中, 添加属性:@事件名="函数名称" 即可 !

模板指令 - 属性绑定

模板属性 : 数据属性双向绑定 ( 仅用于input标签 ) 

具体语法实现, 与普通属性绑定基本一致:
 
 
 
 
 

表示一个属性, 是通过其他多个属性计算得到的 !
 
 
 如果参与计算的多个屬性 没有发生改变, 则每次使用的计算结果 都为 缓存结果 !
 如果参与计算的属性 发生了改变, 则每次使用 都会重新运算 !
 

用于侦听data中属性, 或 计算属性的变化. 
 
侦听器表示一个个等待执行的代码块, 当被侦听的属性发生改变时, 则代码块自动执行 !
 
 
 在vue实例中 添加属性: 
 
 
 

作用: 用于判断是否加载元素 , 洳果结果为true , 则加载此元素 , 如果结果为false 则不加载此元素
 
常用在网页权限管理页面: 
 
 
 

作用: 用于判断是否显示元素 , 如果结果为true , 则显示此元素 , 如果结果为false 则不隐藏此元素
 
 
常用在网页权限管理页面: 
 
 

 用于在网页中,循环展示数组数据 !
 
 
 
在上述的两种语法格式中, 
 item : 表示每次循环时得到的数据 ,在标签Φ 可以通过插值表达式 显示 {{item}}
 index : 表示每次循环时数据的索引 ,在标签中 可以通过插值表达式 显示 {{index}}

　　不知道从何时开始前端居嘫被框架统治了。这是一个不太好的现象这会让很多学生直接忽略掉前端经典三板斧HTML+CSS+JS，毕竟说到底基本所有前端框架都是由这个三个知识扩展的。

　　我也不否认运用框架可以完美的搭建一个应用页面，而且效率非常高某些框架学起来还很简单，所有很多企业是如此痴迷它们

　　那么问题来了，我们要先学哪一个学什么框架了。

我要回帖

更多关于 怎么学好vue 的文章

 

随机推荐