Vue
记录Vue学习中的心得与体会
Youky_
这个作者很懒,什么都没留下…
展开
-
Vue中常用的第三方库
stylus一种css预处理器,可以更加直观的编写css代码,减少不必要的格式下载:npm install stylus使用:在style标签中加上 lang="stylus"来使用stylus样式不再需要大括号,而是用缩进来代替可以省略冒号,用空格代替不再需要分号来结尾在style标签中添加scope属性后,样式只会修饰当前组件。better-scroll一个用于提高滑动体验的库,可以让移动端的滑动体验更接近于原生APP下载:仍然是npm下载或script标签引入,没什么好说的原创 2020-06-02 15:36:24 · 3525 阅读 · 0 评论 -
【1】vue中的指令与插值表达式
为什么要用指令和插值表达式前面我们已经说到过,在Vue中不直接对DOM进行操作,而是通过数据的改变来改变页面的显示状态。但是如果在HTML中直接像这样设置页面内容,那么改变数据时将无法用到Vue提供的便捷方法<p id="hello" >hello world</p>为了能通过变量来决定显示的内容,用原生JS我们可以这样写var str="hello world";document.getEleMentById('hello').innerText=str;但此时在控原创 2020-05-29 20:05:33 · 421 阅读 · 0 评论 -
【0】Vue的基础概述
什么是VueVue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合这是官网给出的介绍,可能不是那么容易理解。简单来说,Vue是一个视图层框架,帮助我们更好的构建应用。使用Vue和原生JS一个最显著的差别就是,Vue不再对DOM直接进行操作,而是通过对数据的操作,来改变页面。使用Vue构建的页面,是有一个个的组件组成的,当组件中定义的数据发生变化时,组件的显示也会跟着变化,且此过程原创 2020-05-29 20:00:20 · 152 阅读 · 0 评论