![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
10-Vue
VUE
ange997
天道酬勤
地道酬善
人道酬诚
商道酬信
业道酬精
展开
-
vue
vue是构建用户界面的渐进式框架,vue的核心库只关注视图层,单页应用提供驱动,响应式数据。原创 2021-04-25 17:36:59 · 77 阅读 · 0 评论 -
10-slot插槽
插槽使用原创 2021-01-06 14:37:01 · 127 阅读 · 0 评论 -
10-10-新webpack
webpack的简介-D 表示项目上线不需要了 development 开发webpack的好处之前写的JQ版本的CRM项目:项目中有大量的模块(JS文件,CSS文件,IMG文件…)项目放到服务器,通过浏览器访问时,需要发送大量的请求,加载速度肯定慢项目上线时,还需要手动合并压缩JS,CSS,HMTL小图合大图,减少HTTP的请求次数,精灵图,base64…一个文件依赖大量的外部资源 < script src=“jq.js”> < script src=“ind原创 2020-10-01 23:32:06 · 127 阅读 · 0 评论 -
10-11-element-CRM
准备后端代码node启动准备安装vue项目全局安装脚手架:npm i @vue/cli -g使用脚手架vue create app选择配置Manually select featuresBabelRouterVuexCSS-s 即–save 安装生产环境依赖-d 即–save-dev 安装开发环境依赖安装使用element使用教程Element安装npm i element-ui -s引入import ElementUI from 'element-ui原创 2020-09-15 14:03:30 · 80 阅读 · 0 评论 -
10-08-vue-router路由基础、嵌套、动态、编程路由、命名、别名、视图、组件复用代码
路由的基本使用和嵌套import Vue from "vue";import VueRouter from "vue-router";import Index from "../views/Index"import Setting from "../views/Setting"import Setting_1 from "../views/Setting_1"import Setting_2 from "../views/Setting_2"Vue.use(VueRouter)export原创 2020-09-09 21:10:29 · 143 阅读 · 0 评论 -
10-09-vue-router守卫难点代码
全局导航守卫router文件夹中的index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Index from "../views/Index"Vue.use(VueRouter)let router = new VueRouter({ routes:[ {path:"/",component:Index,name:"index"}, {path:"/account",component:(原创 2020-09-09 20:50:13 · 143 阅读 · 0 评论 -
10-07-vue代码复习
入口main.jsimport Vue from 'vue'import App from './App.vue'Vue.config.productionTip = falsenew Vue({ render: h => h(App),}).$mount('#app')根组件 App.vue<template> <div id="app"> <!--<Demo01></Demo01>--> &l原创 2020-09-07 19:48:12 · 98 阅读 · 0 评论 -
10-10-webpack使用
webpack优点vue全家桶:vue.js + vue-router + vuex + es6 + vue-cli + webpack + ui库传统开发项目就面临了一个问题:资源太多,不好管理资源与资源之间的引用关系太乱项目上线时,把所有的资源都扔到服务器webpack它就是一个打包器。webpak部分作用:对代码进行压缩合并把浏览器不能识别的代码,转成让浏览器识别解决依赖关系还有自动发布代码检验自动刷新webpack是一个打包器。作用比较多,如:把代码进行压缩合并原创 2020-09-05 23:05:45 · 239 阅读 · 0 评论 -
10-06-vue-router 路由
spasingle-page application,单页应用。一个应用程序只有一个页面。单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重新加载或跳转。而是利用 JavaScript 动态的变换HTML的内容(通过div切换显示和隐藏,或者是数据的渲染),从而实现U原创 2020-09-05 19:35:50 · 148 阅读 · 0 评论 -
10-05-vue-cli 脚手架
Vue-cli 步骤Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页(spa)应用。可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。全局安装:使用vue可以查看是否安装成功。创建项目:vue create myapp配置内容键盘上下键切换, 空格键表示选中Manually select featuresBabelLessIn pageage.json进入运行项目:cd myappnpm run serve目录说明单文件组件原创 2020-09-05 16:03:52 · 83 阅读 · 0 评论 -
10-04-vue组件
组件什么是组件在html中,我们学习的单元是标签。 可以把Html中的标签当成最小最小最小的组件。在vue中,我们学习的单元是组件组件就是我们自己扩展的 “HTML 元素”,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。组件(Component)是 Vue.js 最强大的功能之一。在vue当中,一切都是组件,写项目就是在写组件。一个组件本质就是一个对象。区别:根组件(vue的实例)它有el。而子组件中有templatedata的写法不原创 2020-09-03 22:44:06 · 359 阅读 · 0 评论 -
10-03-vue组件的生命周期
生命周期函数(钩子函数)vue实例(组件)的生命周期: 从生到死的过程vue实例在从创建到销毁过程,默认会调用一些函数,这个函数叫生命周期函数,也叫钩子函数vue链接: vue链接有template,template做模板,没有就有el 定义的做模板beforeCreate: 什么也做不了,data和methods以及页面中的DOM结构都没有初始化。created: 可以使用data中的数据,调用methods中的方法,但是DOM元素并没有渲染出来。你想在created中,获取DOM元素,原创 2020-09-03 20:42:21 · 107 阅读 · 0 评论 -
10-02-Vue事件处理、表单处理、图书管理
事件处理原创 2020-09-03 20:16:01 · 130 阅读 · 0 评论 -
10-01-Vue简介、基本语法
Vue简介Vue是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。构建用户界面:不是说如何写出漂亮的页面,而是把数据渲染到模板上。渐进式:vue.js vue-router axios webpack vuex vue-cli… vue全家桶 vue技术栈。框架:有一套自己的规划,有自己的思想,要求要合适的位置写合适代码,你写的代码等框架去调用。渐进式(在最核心的功能的基础上,不断添加):vue 核心功能非常的简单(单一),只专注于视图。但它非常原创 2020-09-02 22:51:30 · 424 阅读 · 0 评论