01 2021 档案

Vue组件化开发3
摘要：组件化--插槽的使用 插槽的基本使用 插槽的作用其实就像给组件内部留下一些位置，当需要的时候可以直接占用这些位置来放上自己需要的内容，可以插槽的存在极大地提高了组件的可扩展性。代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="U 阅读全文
posted @ 2021-01-28 16:17 lamsacule 阅读(34) 评论(0) 推荐(0)
Vue组件化开发2
摘要：组件模板分离的写法 组件分离的写法有两种一种是将组件内容通过script标签封装起来，通过给script定义的id来进行注册，另外一种是通过template模板标签将组件内容封装起来，同样是通过template定义的id来进行组件的注册，推荐使用template这种方式。 <html lang="e 阅读全文
posted @ 2021-01-28 16:11 lamsacule 阅读(37) 评论(0) 推荐(0)
Vue组件化开发1
摘要：组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件使用的基本流程 创建组件构造器对象 注册组件 使用组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2021-01-28 14:46 lamsacule 阅读(42) 评论(0) 推荐(0)
Vue的使用4
摘要：v-model 可以用 v-model 指令在表单控件元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl 阅读全文
posted @ 2021-01-25 15:36 lamsacule 阅读(64) 评论(0) 推荐(0)
Vue的使用3
摘要：计算属性 个人感觉计算属性是为了减少模板代码中表达式的复杂度也就是减少在表达式中出现对于属性过于复杂的运算，提高可读性。 <body> <div id="app"> <h2>{{firstName + ' ' + lastName}}</h2> <h2>{{firstName}} {{lastNam 阅读全文
posted @ 2021-01-25 15:25 lamsacule 阅读(41) 评论(0) 推荐(0)
Vue的使用2
摘要：v-once指令 v-once让值不再发生改变，可通过在console控制台输入app._data.message=....修改message属性的值，结果是被v-once 标识的标签的值没有改变 <<div id="app"> <h2>{{message}}</h2> <h2 v-once>{{m 阅读全文
posted @ 2021-01-24 19:47 lamsacule 阅读(75) 评论(0) 推荐(0)
Vue的使用1
摘要：v-for循环遍历 遍历数组、列表 首先在script标签内实例化一个vue对象，在对象的data属性里面定义一个列表 <script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { th 阅读全文
posted @ 2021-01-24 19:44 lamsacule 阅读(69) 评论(0) 推荐(0)
Vue入门
摘要：引入vue.js包 1.通过cdn引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 2.直接下载vue.js，在本地引入 下载地址：https://github.com/vuejs/vue/releases 阅读全文
posted @ 2021-01-24 11:01 lamsacule 阅读(77) 评论(0) 推荐(0)