![](https://img-blog.csdnimg.cn/20201205155533667.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
_
果将如此
这个作者很懒,什么都没留下…
展开
-
5_Vue 实战练习2
需求:点击左边列表栏显示相应的页面,实现数据的增删改查1、导入样式这里使用的是现成的素材安装 bootstrap 固定版本npm i bootstrap@3.3.7安装完成之后 ,在入口处引入 js 文件import "./../node_modules/bootstrap/dist/css/bootstrap.css"; // 引入import "./assets/index.css"; // 引入index.css2、设计组件页面可以分为三个组件来完成设计头部组件<te原创 2020-12-14 10:27:57 · 177 阅读 · 0 评论 -
4_Vue 实战练习1
需求1:左边部分为聊天室,右边部分为用户列表1、创建项目APP.vue为父组件,即顶层组件,也即我们要显示的页面初始数据<template> <div id="app"> </div></template><script> export default { name: "App", components: { } }</script>&l原创 2020-12-13 22:32:50 · 281 阅读 · 0 评论 -
3_vue-cli 基本原理
参考官方文档https://www.webpackjs.com/concepts/plugins/参考个人博客https://blog.csdn.net/XJ0927/article/details/110691538总结:webpack 将配置都写在webpack.config.js,进行模块化,打包成浏览器能识别的格式,vue 就是对webpack.config.js进行了高度封装,让我们专注于业务...原创 2020-12-11 21:23:59 · 225 阅读 · 0 评论 -
2_Vue 组件化开发
vue-cli是什么虽然前面讲了一堆知识,但是在面对生产开发时,需要一套好的开发工具,这样开发的复杂性便可以大大简化vue-cli 是基于 node 环境的 进行快速开发的完整系统我们使用 vue-cli 编写代码,文件是 .vue 形式的,而浏览器又不能识别该格式,故需要转化为 html 的形式,即 build 打包安装参照官网文档https://cli.vuejs.org/zh/guide/installation.html因此,使用此工具前必须确保你有安装 nodenode -v原创 2020-12-11 20:02:56 · 122 阅读 · 0 评论 -
1_Vue 基本使用
Vue 安装方式直接下载源码然后通过路径引入开发版本:https://vuejs.org/js/vue.js生产版本:https://vuejs.org/js/vue.min.js在线 cdn 引入的方式<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>采用 npm 安装的方式// 现状: 都会采用npm的方式来进行正式项目开发npm install原创 2020-12-07 19:15:33 · 561 阅读 · 0 评论 -
0_Vue 简介
是什么前端 必备 技能传统方式已经不能适应目前越来越 复杂 的开发需求用 vue 的开发方式会简单、高效三大框架(vue、react、angular)能做什么不用操作 DOM单页面应用 web 项目(SinglePageApplication 项目,例如https://worktile.com/)简称:SPA传统网站开发 一般来说 需求不大当下各种新框架都采用了类似Vue或者类似 React 的语法去作为主语法, 微信小程序/MpVue…特点数据驱动视图 可原创 2020-12-07 19:14:35 · 261 阅读 · 0 评论