02 2020 档案

Webpack 学习一
摘要：什么是文本pack 从本质上讲，Webpack是一个现代Javascript应用的静态模块打包工具，它可以分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 安装webpack 1 阅读全文
posted @ 2020-02-20 23:08 WEPED
Vue 插槽
摘要：组件的插槽： 为了使我们封装的组件更加具有扩展性 可以使使用者决定组件内部的内容要展现什么 <!-- 渲染时就会将<slot></slot>替换为自己想显示的内容 --> <cpn><button>按钮</button></cpn> <cpn><span>腻害</span></cpn> <cpn>< 阅读全文
posted @ 2020-02-19 14:27 WEPED
Vue组件二
摘要：组件不可以访问Vue实例的数据，组件应该有自己的数据存放地点。 组件对象有一个data属性，这个属性必须是函数，且这个函数要返回一个对象，对象内部保存数据 Vue组件中的data为什么一定要是函数？ 组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件 阅读全文
posted @ 2020-02-15 15:13 WEPED
组件模板的简单分离方法
摘要：第一种方法:将template代码写入script标签中,类型必须是type="text/x-template" <script type="text/x-template" id="cpn"> <div> <h4>模板分离测试</h4> <p>此处是内容</p> </div> </script> 阅读全文
posted @ 2020-02-14 15:05 WEPED
Vue组件一
摘要：组件使用的基本步骤： 创建组件构造器 调用Vue.extend()的方法创建组件构造器 注册组件 调用Vue.component()方法注册组件 使用组件 在Vue实例的作用范围内使用组件 ndis //早期写法<div id="app"> <!-- 3.使用组件 --> <my-cpn></my- 阅读全文
posted @ 2020-02-14 14:40 WEPED
V-model 表单输入绑定
摘要：v-model可实现双向绑定。 v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件： text 和 textarea 元素使用 value 属性和 input 事件； checkbox 和 radio 使用 checked 属性和 change 事件； select 字段将 valu 阅读全文
posted @ 2020-02-13 14:04 WEPED