项目目录: 创建步骤: (1)创建main.js(入口文件),index.html(项目首页),App.vue(根组件),webpack.config.js(webpack配置文件) (2)安装项目依赖包npm install xxx webpack有关:webpack、webpack-dev-se Read More
posted @ 2020-05-08 17:12 蜗牛飞飞 Views(383) Comments(1) Diggs(0) Edit
原理: flex是弹性盒子模型。元素被设置display:flex,就变成弹性容器。 flex布局是一维布局模型。大多属性都是作用于主轴,交叉轴被动变化。 每个弹性容器都有两根轴:主轴和交叉轴,两轴之间成90度关系。注意:水平的不一定就是主轴。 每根轴都有起点和终点,这对于元素的对齐非常重要。 弹性 Read More
posted @ 2020-05-08 11:00 蜗牛飞飞 Views(1634) Comments(0) Diggs(0) Edit
package.json 位于模块的目录下,用于定义包的属性。至少包括name和version两个属性。 name - 包名。 version - 包的版本号。 description - 包的描述。 scripts- 支持的脚本 homepage - 包的官网 url 。 author - 包的作 Read More
posted @ 2020-04-30 10:27 蜗牛飞飞 Views(142) Comments(0) Diggs(0) Edit
(一)npm由三部分组成:网站、注册表、CLI。 注册表:保存包的数据库 CLI:通过命令行或终端运行,实现用户与npm服务器交互。 (二)npm命令(CLI) 查看npm版本 npm -v 初始化项目,生成package.json文件 npm initnpm init --yes // 可跳过所有 Read More
posted @ 2020-04-24 18:26 蜗牛飞飞 Views(163) Comments(0) Diggs(0) Edit
Vue路由机制:通过组合组件来组成单页面应用(SPA)。将组件 (components) 映射到路由 (routes),然后告诉 Vue Router 在页面哪里渲染它们。 (1)组件 (2)路由-组件映射表 (3)创建VueRouter,并传入映射关系(routes配置) (4)路由参数(rout Read More
posted @ 2020-04-23 16:33 蜗牛飞飞 Views(748) Comments(0) Diggs(0) Edit
VUE双向绑定:Vue内部通过 Object.definePreperty() 方法属性拦截的方式,把 date 对象里每个数据的读写转化成 getter/setter,当数据变化时通知视图更新。 Object.definePreperty( obj, prop, { }) : 会直接在一个对象上定 Read More
posted @ 2020-04-08 18:35 蜗牛飞飞 Views(92) Comments(0) Diggs(0) Edit