enoyao

Angular News Use Weui and Angular prepared by the news client, Live Demo Made with ❤︎ by Winds and Wscats

[control](https://github.com/Wscats/news/tree/master/control) 存放控制器的文件 [dist](https://github.com/Wscats/news/tree/master/dist) 存放框架等文件 [gh-pages](https://github.com/Wscats/news/tree/master/ghpage) 存放示例文件 [image](https://github.com/Wscats/news/tree/master/image) 存放图片素材 [view](https://github.com/Wscats/news/tree/master/view) 存放视图文件 | 存放控制器的文件 | 存放框架等文件 | | --- | :-: | | [control](https://github.com/Wscats/news/tree/master/control) | [dist](https://github.com/Wscats/news/tree/master/dist) | | 存放示例文件 | 存放图片素材 |...

@byq1213 @ntnyq 后续可以补上这个功能哈，谢谢提醒

Good 推荐一篇[前端程序员经常忽视的一个JavaScript面试题 共勉之](https://github.com/Wscats/Good-text-Share/issues/85)

## 组件 创建一个.vue后缀的文件，这种文件是定义一个vue的组件，里面包含html模版，样式和js脚本，经过webpack处理把vue转化成我们页面上的元素 **wsscat.vue** ```html {{name}} export default { data() { return { name: 'my name is wsscat' } } } ``` 上面我们创建完组件之后，就要在main.js引入，注意组件的模版要用template的闭合标签把它包起来 **main.js** ```js import Vue from 'vue' import...

ES5写类是这么写的 ```js var obj = { wsscat : function ( ) { //code } } ; ``` ES6写类可以这么写 ```js var obj = { wsscat ( ) { //code } }...

## 路由 安装路由 ```bash sudo npm install vue-router ``` 并在main.js里面引入 ```bash import VueRouter from 'vue-router' ``` 路由不能在``上直接定义样式，如果要定义它的样式可以用一个div包含起来，并写在App.vue组件里面 例如这样，并且写上样式 ```html ``` 加上`scoped`属性意思是该样式只在该组件生效，而不会影响全局的样式 ```html .view{ position: absolute; top: 50px; } ``` 这里注意App.vue这个``所在的组件一定要记得设置replace属性值，不然会报以下的错误...

注意进入路由的url格式 ```bash http://localhost:8080**/#!/wsscat** http://localhost:8080**/#!/autumns** ```  **main.js** ```js import Vue from 'vue' import VueRouter from 'vue-router' import App from './App' import Wsscat from './components/wsscat.vue' import WsHeader from './components/wsheader.vue' import Autumns...

## 发布 ```bash npm run build ``` 命令会让项目生成一个dist的静态文件，再把静态文件放到对应的服务器就可以运行

## vue-resource vue的一个发送ajax请求的插件 先安装`sudo npm install vue-resource` 然后引入依赖 `import VueResource from 'vue-resource'` 并使用 `Vue.use(VueResource)` 在组件中我们可以这样发送请求并带上需要请求的参数，注意这里在回调函数里面用了箭头函数 ```js export default { //在App.vue要加上replace: false，不然会报错 replace: false, components: { wsheader }, data: function() {...