随笔分类 - 30-Vue
摘要：1、单文件组件的结构 <template> <!--这里用于定义VUE组件的模块内容--> <dvi> <h1>这是 APP 根组件</h1> </dvi> </template> <script> //这里用于定义vue组件的业务逻辑 export default{ data(){return {
阅读全文
摘要：一、交互式命令行创建 1、运行 vue create myvue 选择默认创建模式，会在指定的文件夹下创建文件 2、进入到myvue文件夹，运行：npm run serve 3、访问本地的地址就可以看到起来的网站 二、图形化界面创建 1、运行：vue ui 2、本地访问：localhost:8000
阅读全文
摘要：1、系统中引入路由js文件，加两个连接，分别到用户管理和用户注册页面 <router-link to="/user">用户列表</router-link> <router-link to="/regis">注册列表</router-link> 2、加入路由占位符 <body> <div id="ap
阅读全文
摘要：1、当前web开发困境 a.文件依赖关系错综复杂 b.静态资源请求效率低 c.模块化支持不友好 d.浏览器对高级js兼容性低 例如：模块代码实现隔行换色 1）在新建空白文件夹中运行：npm init -y 会初始化一个package.json文件 2）新建src文件夹，文件夹中建index.html
阅读全文
摘要：一、导入和导出 如果想要在一个Js文件中用另一个js文件的代码 1、将js文件中的变量和函数导出 let a = "aaaa" function show() { console.log("my name is show"); } export default{ a, show } 2、在另一个js
阅读全文
摘要：1、安装babel-node包,运行： 1) npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node 2) npm install --save @babel/polyfill 3）项目根目录创建：bab
阅读全文
摘要：安装步骤： 1、下载node.js 从node.js官网下载并安装node（https://nodejs.org/en/） 2、安装 2、cmd执行：npm -v node -v 3、安装 webpack npm install webpack -g 检查是否安装成功 4、安装cnpm npm in
阅读全文