Vue
fFee-ops
it's tough.
展开
-
Vue模块化开发
Vue模块化开发1、全局安装 webpacknpm install webpack-g2、全局安装vue脚手架npm install -g @vue/cli-init3、初始化vue项目vue init webpack appnameVue脚手架使用 webpack模板初始化一个 appname项目4、启动vue项目;项目的 package json中有 scripts,代表我们能运行的命令npm start= npm run dev:启动项目npm run build:将项目打包如原创 2020-11-09 23:30:10 · 177 阅读 · 0 评论 -
VSCode 快速生成 .vue 基本模板、发送http请求模板
1、安装Vetur插件,才可以识别 vue文件,语法提示要下载Vue 2 Snippets插件2、新建代码片段文件 ➡ 首选项 ➡ 用户代码片段 ➡ 点击新建全局代码片段 ➡ 取名 vue ➡ 确定3、写入代码片段{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>",原创 2020-11-09 23:20:07 · 807 阅读 · 0 评论 -
生命周期和钩子函数
生命周期和钩子函数图示详解实例图示详解每个Vue实例在被创建时都要经过一系列的初始化过程:创建实例,装载模板,渲染模板等等。Vue为生命周期中的每个状态都设置了钩子函数(监听函数)。每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用。钩子函数触发的行为在此阶段可以做的事情beforeCreadtedvue实例的挂载元素$el和数据对象data都为undefined,还未初始化。加loading事件createdvue实例的数据对象data有了,$el还没有结束loading、请求数据为原创 2020-11-09 17:11:50 · 261 阅读 · 0 评论 -
Vue 组件化开发
Vue 组件化开发什么叫做组件化实例什么叫做组件化所谓组件化,就是把页面拆分成多个组件然后可重复利用,每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。因为组件是资源独立的,所以组件在系统内部可复用,组件和组件之间可以嵌套,如果项目比较复杂,可以极大简化代码量,并且对后期的需求变更和维护也更加友好。通常一个应用会以一棵嵌套的组件树的形式来组织:例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件。为了能在模板中使用,这些组件必须先注册以便原创 2020-11-09 16:52:46 · 277 阅读 · 0 评论 -
Vue.js快速入门
Vue.js快速入门简介Vue基础el挂载点data数据对象本地应用v-textv-htmlv-on基础v-showv-ifv-bind简介JS框架简化Dom操作响应式数据驱动Vue基础el挂载点Vue实例的作用范围是什么呢?Vue会管理el选项命中的元素及其内部的后代元素是否可以使用其他的选择器?可以使用其他的选择器,但是建议使用ID选择器,因为id是唯一的是否可以挂载其他的dom元素呢?可以使用其他的双标签,不能使用HTML和BODYdata数据对象本地应用原创 2020-11-04 23:53:21 · 617 阅读 · 1 评论