
Vue.js
PuppyCoding
一个低级程序员
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue : slot 插槽
我们已经了解了Vue.js的组件,现在可以理解一下slot了。 现在我们有这样一段代码 ,放在浏览器上,就是右边的效果。如果它是一个在网站上展示的列表,可以确定的是,数据是从后台获得的。 <li></li>标签里的内容,和<p></p>标签里的内容,都是获取得来的。 如果我们定义一个组件,它里面涵盖了<div>标签和<ul...原创 2020-03-20 17:02:11 · 135 阅读 · 0 评论 -
Vue : 组件化应用构建
Vue: 组件化应用构建 组件系统是Vue的一个重要概念,允许我们使用小型,独立和通常可复用的组件构建大型应用。 几乎任意类型的应用界面都可以抽象为一个组件树。这些被画出来的框就是我们的应用界面,它由许多模块构成,这些模块都可以抽出来重新运用。 第一个Vue组件 作为Vue.js的初学者,我们不会以这样的方式构建组件。暂时这样做,是为了方便理解。以后会采用vue-cli创建.vue模...原创 2020-03-13 13:39:29 · 681 阅读 · 0 评论 -
Vue:基本语法
v-bind 来绑定元素属性 除了文本插值也就是{{values}},我们还可以像这样来绑定元素 attribute。 v-bind attribute 被称作指令,指令带有前缀 v-,以表示他们是Vue提供的特殊attribute 在这里,该指令的意思是,将这个元素节点的title attribute 和Vue 实例的message属性保持一致 编写Html ...原创 2020-03-13 12:18:42 · 160 阅读 · 0 评论 -
Vue:MVVM模式和第一个Vue程序
什么是MVVM模式? 是一种简化用户界面的事件驱动编程方式。 MVVC源于MVC模式,MVVM的核心是ViewModel层,负责转换Model中数据对象来让数据变得更容易管理和使用。 ViewModel向上与view层实现了双向数据绑定 ViewModel向下与modle层通过接口请求数据交互 为什么要使用MVVM模式? 低耦合 View...原创 2020-03-13 10:33:33 · 261 阅读 · 0 评论