vue文档学习 https://cn.vuejs.org/v2/guide/
生产环境部署,使用构建工具
使用 webpack 的 DefinePlugin 来指定生产环境,以便在压缩时可以让 UglifyJS 自动删除警告代码块。例如配置:
var webpack = require('webpack')
module.exports = {
// ...
plugins: [
// ...
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
})
]
}
路由
过滤器(感觉就想angular里面的管道类似 改变数据)
自定义过滤器
模板里面用法(也是用管道符)
{{ message | capitalize }}
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)//第一个字母转大写
}
}
{{ message | filterA | filterB }}
过滤器可以串联(angular里面的管道也可以串联)
{{ message | filterA('arg1', arg2) }}
filterA 被定义为接收三个参数的过滤器函数。其中 message 的值作为第一个参数,普通字符串 'arg1' 作为第二个参数,表达式 arg2 的值作为第三个参数。
近期把ngx-echarts 和angular-gridster2 看了下 并结合了下
https://xieziyu.github.io/ngx-echarts/api-doc/index.html api关于ngx-echarts
https://xieziyu.github.io/ngx-echarts/#/demo/map/hongkong-pd demo关于ngx-echarts
https://github.com/tiberiuzuld/angular-gridster2
api关于angular-gridster2
https://tiberiuzuld.github.io/angular-gridster2/angular/ demo关于angular-gridster2