使用Vue+Django+Ant Design做一个留言评论模块1.总览留言的展示参考网络上参见的格式，如掘金社区：一共分为两层，子孙留言都在第二层中最终效果如下：接下是数据库的表结构，如下所示：有一张user表和留言表，关系为一对多，留言表有父留言字段的id，和自身有一个一对多的关系，建表语句如下：CREATE TABLE `message` (`id` int NOT NULL AUTO_INCREMENT,`date` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,`content` text NOT ...
JS最初的目的是用来做表单验证和动画效果，可以让网页更加生动。但是使用Ajax，前后端分离，页面承担了更多的事情，JS的代码量暴增，代码管理维护逐渐困难我们需要将JS代码抽取出来，模块化处理，但是问题也出现了，各个模块的变量会污染。 JS文件a:flag = true;JS文件b:flag = false;页面：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="js/a.js"></script><script src="js/b.js...
<template><div class=‘map_loading_vue‘ :class=‘{hide:isOpacity}‘ v-show=‘isShow‘><div class=‘title‘>健坤地图设备管理</div><div class="loader" v-if=‘isShowLoader‘><div class="text">Loading...</div><div class="horizontal"><div class="circlesup"><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div></div><div class=...
模块化开发是保证每个文件都是独立的模块，不受外界干扰，提高性能，便于后期维护与团队开发。 可以引入官网的模块，也可以自定义模块。使用require()引入需要使用的模块，自定义的模块在使用之前需要通过module.exports 暴露出去。通过npm init -y 下载package.json文件管理维护模块，其中 main 为入口文件 ，dependencies 指定项目开发与上线需要的模块 ，devdependeciens 指定项目开发中需要而上线时不需要的模块。var as=requ...
涉及的平台移动端一.公共样式常用变量 var.scss颜色模块主题色、状态色、文本色、灰度色（边框和分隔线）字体字体、大小、行间距 2.控件 3. 三大模块样式、有哪些控件原文：https://www.cnblogs.com/yuxina/p/10173644.html
在ES6的模块化开发中，一个JS文件就相当一个模块，其他地方想要使用模块中的数据，模块必须export导出，其他地方进行import导入才行。 第一步，先引入对应的JS文件，通过script标签，不过不能单单用script标签，如果是这样的话此时各个JS文件还不是一个模块，得设置一个type属性的值为module，如下：<script src="./first.js" type="moudule"></script> 第二步，在其他的JS文件进行导出，而导出的方式太多了，下面一一介绍：...
原文：https://www.cnblogs.com/Rivend/p/12484457.html
引入外部模块除了 element-ui 组件以及脚手架内置的业务组件，有时我们还需要引入其他外部组件，这里以引入 vue-count-to 为例进行介绍。引入依赖 在终端输入下面的命令完成安装：$ npm install vue-count-to --save加上 --save 参数会自动添加依赖到 package.json 中去。 使用全局注册main.jsimport countTo from ‘vue-count-to‘ Vue.component(‘countTo‘, countTo) <template><countTo :startVal=‘startVal‘ :endVal=‘end...
最近在完成公司项目，技术栈为vue2.0+vux+vuex+webpack+echarts...另外还有vue-router及vue-loader(webpack下loader插件 可以把.vue文件 输出成组件).考虑将ajax封装，目的有两个：1、页面内写法简单，格式和国网平台格式一致，后期无需再更改代码2、复用性3、域名，端口等信息可以实现统一管理。首先，先在components模块内定义自己的ajax，此处使用install方法，目的是可以在main.js中使用vue.use()方法将其注入vue实例中，具体代...
一、项目的结构 二、导出创建的路由对象 三、将导出的路由对象全部集合在一起 四、在主的index.js文件中导入数据import { module } from ‘./module/index.js‘ import vue from ‘vue‘// vue跳转相同路径报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) }const routes = [ { path: ‘/‘,...
<template><div id="app"><input type="text" v-model=‘todo‘ @keydown="doAdd($event)"/><hr><br><h2>进行中</h2><ul><li v-for="(item,key) in list" v-if="!item.checked"><input type="checkbox" v-model="item.checked" @change="saveList()"/> {{item.title}} -- <button @click="removeData(key)">删除</button></li></ul><br><br><h2>已完成</h2><ul><li v-for="(item,key) in list" v-if="item.checked"><input type...
一. webpack基本使用 webpack是一个前端模块化打包工具;我们在node环境中, 安装了webpack包之后, 只需要新建一个main.js文件, 然后在这个文件和其他文件可以使用任何模块化规范(commonjs\amd\cmd\ed6都行)开发, 最后打包的时候只需要打包这个main.js文件, 其他js文件webpack会自动帮助我们打包的, 代码如下:webpack ./src/main.js ./dist/buddle.js 然后在index.html中引入./dist/buddle.js即可; 二. webpack自定义快捷键...
使用路由对象$route获取参数：1、params：参数获取：使用$route.params获取参数；参数传递： URL传参：例 <route-linke to : "/foods/bjc/北京烤鸭/68"> 注：在对应路由path上使用 /:+属性名称接收参数实例：需要在子组件的路由中定义所需的属性名; 代码：<template id="foods"><div><h2>美食广场</h2><ul><router-link to="/foods/bjc/北京烤鸭/68" tag="li"> 北京菜</router-link><router-link to="/foods/hnc" tag="li"> 湖南...
本篇文章和大家分享的是基于vue模块化开发后台系统，有感兴趣的小伙伴可以看一下这篇文章文章目录如下：基于vue模块化开发后台系统——准备工作基于vue模块化开发后台系统——构建项目前言在熟悉上一篇说到准备工具之后，现在开始构建属于自己的项目，这是一个VUE的项目，那么使用vue-cli来构建，输入以下命令vue init webpack xxxx在构建过程中，因为之前说的要规范代码，因此在eslint这个提问中，要回复Y。等一切都结束后，我们来...
Vuex 强调使用单一状态树，即在一个项目里只有一个 store，这个 store 集中管理了项目中所有的数据以及对数据的操作行为。但是这样带来的问题是 store 可能会非常臃肿庞大不易维护，所以就需要对状态树进行模块化的拆分。示例教程例子是在vue-cli基础上构建的，以下是src文件下的内容目录。├── App.vue ├── components // 组件文件夹 │ ├── tab1.vue │ ├── tab2.vue │ ├── tab3.vue │ └── tab4.vue ├── m...